<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体属性案例</title>
    <style>
        body {
            font-family: "宋体";
            font-size: 16px;
            /* font-size: medium; */
            font-weight: 700;
            /* 倾斜字体 */
            font-style: italic;
        }

        h2 {
            /* font-size: normal; */
            font-size: 400;
        }

        em {
            /* 让倾斜字体不倾斜 */
            font-style: normal;
        }

        /* 复合属性写法 */
        div {
            /* font-style font-weight font-size/line height font-family 顺序不能乱 */
            /* size 和family 不能少 */
            font: italic 700 16px "宋体"
        }
    </style>
</head>

<body>
    <h2>字体属性案例标题</h2>
    <p>全部素材、源码、ppt、素材、讲义都在置顶留言,去下载吧~</p>
    <p>也可以直接: https://gitee.com/xiaoqiang001/html_css_material.git 下载哈！</p>
    <p>1. web端布局:先讲解HTML5常用标签，接着讲解CSS3常见样式增加的H5C3新特性，新语法，最后讲解PC端品优购项目。</p>
    <p>以及CSS3动画 2d 3d效果</p>
    <p>2. 移动端布局:主要讲解视口、二倍图、流失布局，flex布局，rem布局，响应式布局，还会增加摹客使用等工具。</p>
    <em>上课时候的你</em>
</body>

</html>